function checkname() {
    var nameReg=/^[\u4E00-\u9FA5A-Za-z0-9]{2,8}$/;
    var nickname = document.getElementById("nickname");
    if (nameReg.test(nickname.value)){
        $("#testname").html("");
        $("#nickname").css("border","1px solid greenyellow")
        return true;
    } else {
        $("#testname").html("请正确填写姓名！");
        return false;
    }
}
function checkidnum() {
    var IdNumReg=/(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;
    var IdNum = document.getElementById("idcardnum");
    if (IdNumReg.test(IdNum.value)){
        $("#testidnum").html("");
        $("#idcardnum").css("border","1px solid greenyellow")
        return true;
    } else {
        $("#testidnum").html("请输入正确的身份证号码!");
        return false;
    }
}
function checkage() {
    var ageReg=/^(?:[1-9][0-9]?|1[01][0-9]|120)$/;
    var age = document.getElementById("age");
    if (ageReg.test(age.value)){
        $("#testage").html("");
        $("#age").css("border","1px solid greenyellow")
        return true;
    } else {
        $("#testage").html("请输入正确的年龄！");
        return false;
    }
}

function checkaddress() {
    var addressReg = /^[\u4E00-\u9FA5A-Za-z0-9]{4,16}$/;
    var homeaddress = document.getElementById("homeaddress");
    if (addressReg.test(homeaddress.value)){
        $("#testaddress").html("");
        $("#homeaddress").css("border","1px solid greenyellow")
        return true;
    } else {
        $("#testaddress").html("请输入正确的地址!");
        return false;
    }
}

// $("#btnSubmit").click(function(){
//     var val=$('input:radio[name="sex"]:checked').val();
//     if(val==null){
//         alert("什么也没选中!");
//         return false;
//     }
//     else{
//         alert(val);
//     }
//     var list= $('input:radio[name="list"]:checked').val();
//     if(list==null){
//         alert("请选中一个!");
//         return false;
//     }
//     else{
//         alert(list);
//     }
// });

function checkall() {
    if(checkname() && checkidnum() && checkaddress() && checkage() ) {
        return true;
    } else {

        return false;

    }

}
$("#submitForm").submit(function(){
    if(checkname() && checkidnum() && checkaddress() && checkage() ) {
        return true;
    } else {
        return false;

    }
})






$(function () {
    $("#update").click(function () {
        $(".s-box").hide();
        $(".s-box1").show();
        $.ajax({
            url:url+"/userInfo/selectUserInfo",
            type:"post",
            async: false,
            dataType:"json",
            success:function (data) {
                if(null == data.data.headPortrait){
                    $("#headImg").attr("src","../img/t.png")
                }else{
                    $("#headImg").attr("src","http://qlhc5wmuf.hn-bkt.clouddn.com" +data.data.headPortrait)
                }
                $("#nickname").val(data.data.userName)
                $("#idcardnum").val(data.data.idCard)
                if("男" == data.data.sex){
                    $("#male").attr("checked","checked")
                }else {
                    $("#female").attr("checked","checked")
                }
                $("#age").val(data.data.age)
                $("#homeaddress").val(data.data.address)
            }
        })
    })
    $("#male").click(function(){
        $("#male").attr("checked",true);
        $("#female").attr("checked",false);
    })

    $("#female").click(function(){
        $("#male").attr("checked",false);
        $("#female").attr("checked",true);
    })

    $("#submit").click(function () {
        if(checkname() && checkidnum() && checkaddress() && checkage() ) {

        } else {
            layer.msg("请完成输入正确的内容！")
            return false;

        }
        $(".s-box1").hide();
        $(".s-box").show();
        $("#male").attr("checked",true);
        $("#female").attr("checked",true);
        if($("#male").attr("checked")){

            var sex ="男"
        }else if($("#female").attr("checked")) {
            alert(123);
            var sex ="女"
        }
        let user = {"userName":$("#nickname").val(),"idCard":$("#idcardnum").val(),"sex":sex,"age":$("#age").val(),"address":$("#homeaddress").val()}
        console.log(user)
        let formData = new FormData();
        formData.append("file", $("#headPortrait")[0].files[0]);
        formData.append("userName",$("#nickname").val());
        formData.append("idCard",$("#idcardnum").val());
        formData.append("sex",sex);
        formData.append("age",$("#age").val());
        formData.append("address",$("#homeaddress").val());
        console.log(formData.get("file"))
        console.log(typeof formData.get("file"))

        //传信息
        $.ajax({
            url:url +"/userInfo/updateUserInfo",
            type:"post",
            data:formData,
            // async: false,
            cache:false, //上传文件无需缓存
            processData:false, // 用于对参数进行序列化处理，这里必须设为false
            contentType:false,
            dataType:"json",
            success:function (data) {
                console.log(data)
                layer.msg("修改信息成功！")

                //重新
                $.ajax({
                    url:url +"/userInfo/selectUserInfo",
                    type:"post",
                    async: false,
                    dataType:"json",
                    success:function (data) {
                        console.log(data)
                        if(null == data.data.headPortrait){
                            $("#userImg").attr("src","../img/t.png")
                        }else{
                            $("#userImg").attr("src","http://qlhc5wmuf.hn-bkt.clouddn.com" +data.data.headPortrait)
                        }
                        $("#userName").text(data.data.userName)
                        $("#idCard").text(data.data.idCard)
                        $("#sex").text(data.data.sex)
                        $("#ageInfo").text(data.data.age)
                        $("#address").text(data.data.address)
                    }
                })
                location.reload();
            }
        })
    })
})

// 找到头像的input标签绑定change事件
$("#headPortrait").change(function () {
    // 1. 创建一个读取文件的对象
    var fileReader = new FileReader();
    // 取到当前选中的头像文件
    // console.log(this.files[0]);
    // 读取你选中的那个文件
    fileReader.readAsDataURL(this.files[0]);  // 读取文件是需要时间的
    fileReader.onload = function () {
        // 2. 等上一步读完文件之后才 把图片加载到img标签中
        $("#headImg").attr("src", fileReader.result)
    }
})


$.ajax({
    url:url +"/userInfo/selectUserInfo",
    type:"post",
    async: false,
    dataType:"json",
    success:function (data) {
        console.log(data)
        if(null == data.data.headPortrait){
            $("#userImg").attr("src","../img/t.png")
        }else{
            $("#userImg").attr("src","http://qlhc5wmuf.hn-bkt.clouddn.com" +data.data.headPortrait)
        }
        $("#userName").text(data.data.userName)
        $("#idCard").text(data.data.idCard)
        $("#sex").text(data.data.sex)
        $("#ageInfo").text(data.data.age)
        $("#address").text(data.data.address)
    }
})

